<!DOCTYPE html>
<html>
<head>
    <title>托管交易查询</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <#include "../../../include/resources.html">
        <script type="text/javascript">
            $.canEdit = true;
        </script>
        <script type="text/javascript">
            var dataGrid;
            var winWidth =  400;
            var winHeight = 450;

            $(function() {
                dataGrid = $('#dataGrid').datagrid({
                    url : 'queryHostingTrade.html',
                    fit : true,
                    fitColumns : true,
                    border : false,
                    pagination : true,
                    idField : 'id',
                    pageSize : 20,
                    pageNums :1,
                    sortName : 'id',
                    sortOrder : 'asc',
                    checkOnSelect : false,
                    selectOnCheck : false,
                    nowrap : false,
                    singleSelect:true,
                    columns : [ [
                        { field: 'outTradeNo', title: '交易订单号', width: 50, checkbox : false},
                        { field: 'summary', title: '备注', width: 100, checkbox : false},
                        { field: 'amount', title: '金额', width: 80, checkbox : false},
                        { field: 'status', title: '状态', width: 100, checkbox : false},
                        { field: 'createTime', title: '创建时间', width: 100, checkbox : false},
                        { field: 'updateTime', title: '最后更新时间', width: 80, checkbox : false},
                        { field: 'message', title: '新浪信息', width: 80, checkbox : false},
                    ] ],
                    toolbar : '#toolbar',
                    onLoadSuccess : function() {
                        $('#searchForm table').show();
                        parent.$.messager.progress('close');

                    }
                });
            });

        </script>
</head>
<body style="padding:0 20px;" >
<div class="easyui-layout" data-options="fit : true,border : false">
    <div data-options="region:'north',border:false,collapsible:false" id="searchBox">
        <div class="sLeft">
            <form id="searchForm">
                <input type="text"  name="outTradeNo" class="sInput" placeholder="输入订单号进行搜索" autocomplete="off" onkeydown="if(event.keyCode == 13){ $.fn.dataGridOptions.searchFun('#searchForm');return false;}"/><a href="javascript:;" title="查询" class="sBtn" onclick="$.fn.dataGridOptions.searchFun('#searchForm');">查询</a><a href="javascript:;" class="advBtn" title="条件查询">条件查询 <i class="iconfont">&#xe638;</i></a>
                <a href="javascript:void(0);" class="reloadIcon" onclick="dataGrid.datagrid('reload');" title="刷新" ><i class="iconfont">&#xe603;</i></a>
            </form>
        </div>
        <form id="showAdw" name="showAdw" method="post">
            <ul class="showAdw" style="display:none;">
                <a href="javascript:void(0);"><i class="iconfont closeWin">&#xe628;</i></a>
                <li><span>用户名</span><input type="text" name="userName" autocomplete="off" id="tppUserCustId"/></li>
                <li><span>查询时间</span><input type="text" name="startTime" id="receiveStartTime" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'receiveEndTime\')}',readOnly:true})" class="searchTime"/>&nbsp;-&nbsp;<input type="text" name="endTime" id="receiveEndTime" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'receiveStartTime\')}',readOnly:true})" class="searchTime"/></li>
                <li><span>&nbsp;</span><a href="javascript:void(0);" class="searchBtn sureBtn" onclick="$.fn.dataGridOptions.searchFun('#showAdw');">确定</a><a href="javascript:void(0);" class="searchBtn" onclick="$.fn.dataGridOptions.cleanFun('#searchForm');">重置</a></li>
            </ul>
        </form>
    </div>
    <div data-options="region:'center'" style="margin-top:30px;padding-bottom:30px;">
        <table id="dataGrid"></table>
    </div>
</div>
</body>
</html>
<script src="${theme_dir}/js/search.js"></script>